define(['request','template','jquery'],(req,template) => {
	class Header{
		constructor() {
		    this.init()
		}
		init(){
			// console.log(123)
			// 加载头尾部
			$('.head').load('/html/modules/header.html',() => {
				// 页面加载完毕以后执行
				this.allCount()
			})
			this.getTabs()
		}
		
		// 获取导航栏数据
		getTabs(){
			req.getIndexTab()
				.then(res => {
					// console.log(res)
					// 渲染导航栏
					if(res.code === 200){
						const myData = res.data.list.slice(1,8)
						// console.log(myData)
						$('.nav').html(template('tabsTemplate',{list:myData}))
					}
				})
		}
		
		// 计算头部购物车商品总量
		allCount(){
			// 从localStorage里面取数据出来计算
			let prodList = localStorage.getItem('prodList')
			let count = 0
			
			if(prodList){
				prodList = JSON.parse(prodList)
				prodList.forEach(item => {
					// count += item.ischecked ? item.count :0
					count += item.count
					// console.log(count)
				})
				// 找到元素
				$('#shopCount').text(count)
			}
			
		}
	}
	return new Header()
})